body{
background:url("../images/bottle/bg.png") repeat-x #FFE6AF;
position:relative;
}

.beach_sand{
background:url("../images/bottle/bg_sand.png") no-repeat scroll left bottom;
width:800px;
height:193px;
position:absolute;
top:304px;
left:0;
}
.wave{
position:absolute;
left:0;
top:168px;
height:80px;
width:100%;
background:url("../images/bottle/wave_bg.png") left bottom repeat-x;
z-index:10;
}

.container{
position:relative;
z-index:1; 
margin:0 auto;
min-width:600px;
max-width:1200px; 
height:497px;
}

.salvage{
	position:absolute;
	width:0;
	height:0;
	top:80%;
	left:60%;
	z-index:999;
}

.bottle{
  position:absolute;
	width:0;
	height:0;
	z-index:2;
}

.throwTest{
  position:absolute;
  top:20%;
  left:50%;
  z-index:15;
  display:none;
}
.toolbar_item{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#pick_div{
  width:80px;
  height:50px;
  position:absolute;
  top:85%;
  left:35%;
	}

#throw_div{
  position:absolute;
  width:80px;
  height:50px;
  top:85%;
  left:50%;
}

#mybottle_div{
  position:absolute;
  width:80px;
  height:50px;
  top:85%;
  left:65%;
}
.numBg {
	-webkit-border-radius:18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
    background: none repeat scroll 0 0 #06A6B8;
    width:25px;
    left: 45px;
    top: 0;
    position:relative;
    z-index:5;
}
.numBg p {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
.numBg_r{
	-webkit-border-radius:18px 18px 18px 18px;
	-moz-border-radius: 18px 18px 18px 18px;
    background: none repeat scroll 0 0 #FF1111;
    width:45px;
    left: 45px;
    top: 0;
    position:relative;
    z-index:5;
}
.numBg_r p {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.b_size {font-size:14px;}

.messagelist{
	
}

.bottlelist_dialogue {
    border-bottom: 1px solid #E8E6E3;
    cursor: pointer;
    margin: 0;
    padding: 10px 10px 10px 15px;
    position: relative;
}
.bl_dia_unread {
	background-color: #B6B66D;
}

.rightpart {
    float: right;
    font-size: 12px;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
    position: relative;
}

.list_avator{
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
    float: left;
    height: 40px;
    width: 40px;
}
.list_avator_div{
    float: left;
    position: relative;
}

.dialogue_del {
    color: #54320B;
    font-size: 12px;
}
.bottlelist_dialogue p{
	word-wrap: break-word;
}

.favour_box {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index:10;
}

.favour_pannel {
position: relative;
_position: relative;
}

.self_bg {
	
width: 82px;
height: 40px;
background:repeat #0086C6;
-moz-box-shadow: 0 0 6px #378CB4;
-webkit-box-shadow: 0 0 6px #378CB4;
box-shadow: 0 0 6px #378CB4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

}

.self_head{
	float:left;
}
.setting_head{
	float:left;
	background-image: url("../images/pannel/set_botton.png");
	background-position:95px -25px;
	margin-top: 7px;
	height: 25px;
    width: 30px;
}
.setting_headhover{
	float:left;
	background-image: url("../images/pannel/set_botton.png");
	background-position:127px -25px;
	margin-top: 7px;
	height: 25px;
    width: 30px;
}

.headicon {

	padding-top: 5px;
	padding-left:10px;
    height: 30px;
    width: 30px;
}
.setingicon{
	height: 30px;
    width: 30px;
}



.popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}
.close {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 2px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.close img{
  opacity:0.3;
}
.content {
	display:table;
	width: 370px;
	padding: 10px;
	background: #FDF0D7;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: medium none;
}
.bottle_pannel {
	font-family:verdana;
	display: none;
	top: 100px;
	left: 346.5px;
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    background: none repeat scroll 0 0 #FDF0D7;
    border: 1px solid #9D7111;
    font-size: 14px;
    line-height: 1.5;
    width: 630px;
    position: absolute;
    text-align: left;
    z-index: 100;
}

.title_string{
	width:330px;
	float:left;
}

.fanye{
	float:left;
	margin-left:30px;
	
}
.page_index{
	float:left;
	margin-left:20px;
	font-size:15px;
}
a.btn-prev, a.btn-next {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    width: 56px;
    font-size:12px;
}
a.btn-prevhover, a.btn-nexthover {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    width: 56px;
    font-size:12px;
}

a.btn-next {
    background-position: 0 -238px;
    padding-right: 7px;
}
a.btn-prev {
    background-position: 0 -186px;
    padding-left: 7px;
}
a.btn-nexthover{
	background-position:0 -264px;
	padding-right: 7px;
}
a.btn-prevhover{
	background-position:0 -212px;
	padding-left: 7px;
}


.sprite-btn {
    background-image: url("../images/pannel/btn.png");
    background-repeat: no-repeat;
}


.avator  {
    background-position: -125px -349px;
    float: left;
    height: 50px;
    width: 5px;
}
.head{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
    float: left;
    height: 40px;
    width: 40px;
}
.author_name{
	float: right;
}

.bottle_content {
    background: none repeat scroll 0 0 transparent;
    padding: 10px 0px 5px 0px;
    position: relative;
}


.bottle_deliver {
    background: none repeat scroll 0 0 #FFEFD7;
    border: 0px solid #DADADA;
    margin: 0 6px 0 0;
    max-height: 223px;
    height:200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width:600px;
    font-size: 12px;
}

.infoContent {
    background: url("../images/pannel/bg_paper_text.PNG") repeat scroll 0 bottom #FFEFD7;
    line-height: 22px;
    border-left: 1px solid #D3D2B4;
    border-right: 1px solid #D3D2B4;
    padding: 2px 5px 5px;
    height:auto !important;
    height:60px; 
    min-height:60px;
}

.cutline{
	height:1px;
	background:#DADADA;
	overflow:hidden;
}


	
.rightpart {
    float: right;
    font-size: 12px;
    overflow: hidden;
    text-align: right;
    white-space: nowrap;
}

.dialogue p {
    line-height: 22px;
    margin: 0 80px 0 53px;
    white-space: normal;
    word-spacing: 3px;
    word-wrap: break-word;
    overflow:hidden;
}

.clr  {
    clear: both;
    height: 0;
    overflow: hidden;
}

.content_paper  {
    background: url("../images/pannel/bg_paper_y.png") repeat-y scroll right 0 transparent;
    position: relative;
    z-index: 2;
}

.content_paper .paper_top_r {
    background: url("../images/pannel/paper_element.png") no-repeat scroll -5px 1px #FFEFD7;
    height: 11px;
    position: absolute;
    right: -8px;
    top: -4px;
    width: 35px;
    z-index: 2;
}

.content_paper .paper_body {
    background: url("../images/pannel/bg_paper.png") repeat scroll 0 0 transparent;
    border-left: 1px solid #D3D2B4;
    border-top: 1px solid #D3D2B4;
    margin-right: 8px;
    padding: 10px 20px 0;
    position: relative;
    z-index: 12;
}

.content_paper .paper_text {
    background: url("../images/pannel/bg_text.gif") repeat scroll 0 0 transparent;
    line-height: 30px;
    max-height: 240px;
    overflow-y: auto;
	font-size: 12px;
    position: relative;
}

.paper_bottom {
    background: url("../images/pannel/bg_paper_x.png") repeat-x scroll 0 bottom #FFEFD7;
    height: 50px;
    border-left: 1px solid #D3D2B4;
    position: relative;
}

.paper_bottom_l {
    background: url("../images/pannel/paper_element.png") repeat scroll left bottom transparent;
    bottom: 0px;
    height: 50px;
    left: -2px;
    position: absolute;
    width: 80px;
}
.paper_bottom_r {
    background: url("../images/pannel/paper_element.png") repeat scroll right bottom #FFEFD7;
    bottom:0px;
    top:-4px;
    height: 52px;
    position: absolute;
    right: -11px;
    width: 80px;
    z-index: 10;
}

.graytext {
    color: #A0A0A0;
}
.blacktext{
	color:#000000;
}

.txt_right {
    text-align: right;
}

.bottle_content p {
    word-wrap: break-word;
}
p, dl, dd, dt {
    margin: 0;
}



.content .reply_div {
    background: none repeat scroll 0 0 #EEDDAF;
    padding: 5px 5px 5px;
}

.gold {
    color: #816D32;
}

.bold {
    font-weight: bold;
}

.textsend  {
    border: 0px solid #718DA6;
    padding: 0px;
    width: 580px;
}

.textsend textarea{
	font-family: "lucida Grande",Verdana;
    width: 580px;
    height:70px;
}
.border  {
    border: 1px solid #CDCDCD;
}
.l_size {
    font-size: 16px;
}

.title_text {
    font-size: 14px;
    line-height: 21px;
    padding-top: 0;
    float:left;
    display:inline;
    width:600px;
}

.reply_toolbar {
	margin-top: 5px;
	margin-right:5px;
	margin-left:5px;
	height:20px;
	display: inline;
	float:left;
	width:580px;
}
.reply_empty{
	float:left;
	width:400px;
}

.reply_btn{
	float:left;
}


.btn {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius:3px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.1);
    background-position: 0 -97px;
    border: 1px solid #0077B1;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 22px;
    line-height: 21px;
    overflow: hidden;
    padding: 0 15px;
    margin-left:15px;
    text-align: center;
    text-decoration: none;
	background: none repeat scroll 0 0 #0077B1;
	float: left;
	cursor:pointer;
}

.btn_disable {
    cursor: default;
    opacity: 0.4;
    
}
 
.send_button{
	background: none repeat scroll 0 0 #0077B1;
}

.loading_class{
	display: none;
	font-family:verdana;
	font-size:20px;
	left: 50%;
	top: 45%;
	position: absolute;
	background-color: #349639;
	z-index:999;
	width:146px;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius:3px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.1);
}
#loading_img{
	padding-left: 13px;
}
.mask { 
	left: 0;
	top: 0;
z-index: 998;
position: absolute; 
background-color: #349639;
opacity:0.5;
}
.transparentmask { 
	left: 0;
	top: 0;
z-index: 998;
position: absolute; 
}


.pannel_content {
	font-family:verdana;
z-index: 11;
background: #00616D;
width: 276px;
padding: 10px 5px 10px 10px;
border: 1px solid #00616D;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
    right: 31%;
    top: 225px;
}

.ico_close_circle_blue {
    background: url("../images/pannel/close_icon.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: -12px;
    text-indent: -9999px;
    top: -8px;
    width: 21px;
    z-index: 55;
}
.type_content {
    height: 100px;
    overflow: hidden;
}
a.select_box {
    color: #FFFFFF;
    float: left;
    height: 110px;
    margin-right: 5px;
    margin-top: 10px;
    text-decoration: none;
    width: 64px;
}
a.select_box:hover {
background: url("../images/pannel/type_select.png") no-repeat 0 0;
}
.ico_bottle {
display: block;
height: 61px;
margin: 4px auto 5px auto;
cursor: pointer;
}


.bottle_type0 {
background: url("../images/pannel/normal_bottle.png") no-repeat;
	height: 60px;
	width: 31px;
}

.bottle_type9 {
background: url("../images/pannel/secret_bottle.png") no-repeat;
	width: 31px;
	height: 60px;
}

.triangle {
    background-image: url("../images/pannel/down.png");
    background-repeat: no-repeat;
    bottom: -14px;
    height: 14px;
    left: 60px;
    position: absolute;
    width: 25px;
}
.tip_text{
	margin-left:15px;
}
.dialog_confirm{
	margin-left:10px;
}
.isok_class {
	display:none;
	font-family:verdana;
    background-color: #FFF2D9;
    border-color: #EFDFC1;
    color: #653F00;
    font-weight: normal;
    -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    border: 5px solid #EFDFC1;
    height: 70px;
    width: 180px;
    position: absolute;
    right: 35%;
    top: 60%;
    z-index:9999;
}
.throwimg{
	width:50px;
margin-left:10px;
}
.wreckimg{
	margin-left:30px;
}
.mybottleimg{
	margin-left:10px;
}


.setting_pannel, .bottlelist_pannel{
	font-family : verdana;
	width: 630px;
	background: #F9E5C1 url("../images/pannel/bottle_setting_top.png") repeat-x top left;
	border: 1px solid #9D7111;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
	
	margin-right: -315px;
    outline: medium none;
    position: absolute;
    right: 50%;
    top: 20px;
    z-index: 99;
    
    font-size: 14px;
	line-height: 1.5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:none;
}

.icon {
    background-image: url("../images/pannel/close_botton.png");
    background-repeat: no-repeat;
}

.ico_close_square {
    background-position: 0px -65px;
    height: 35px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1px;
    width: 35px;
    z-index: 55;
}

.nav_con {
    height: 30px;
    padding: 15px 0;
    position: relative;
}

.nav_infoSetting {
    margin-left: 15%;
    padding-top: 4px;
    width: 200px;
    float:left;
}

.bottle_tab {
    background: url("../images/pannel/tab_bg.png") no-repeat scroll 0 0 transparent;
    color: #5F4521;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 91px;
}


.nav_con a {

}

.nav_infoSetting a.nav_left {
    background-position: 0 -64px;
    color: #FFFFFF;
    cursor: default;
    font-weight: bold;
}
.nav_infoSetting a.nav_right {
    background-position: 0 -96px;
}

.readContentAll {
	position: relative;
	background: white;
	margin: 0 10px 10px;
	height: 348px;
	min-height: 348px;
	_width: 608px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) inset;
	border: 1px solid #EEC883;
	overflow-y:scroll;
}

.settingContainer {
	background: url("../images/pannel/paper_rough.PNG") repeat;
    height: 318px;
    padding: 15px 25px;
}
.iframecontainer {
    height: 100%;
}

.set_nickname, .set_sex, .set_area {
	margin-top:30px;
    margin-bottom: 15px;
    padding: 4px 0;
    height:40px;
}
.label_left{
	float:left;
	width:80px;
}
.sex_select {
    float: left;
    margin-right: 14px;
}
.operaPannel{
	width:200px;
	margin-top:40px;
	margin-left: auto;
	margin-right:auto;
	
}

.active_receive{
	display: none;
}
.swift_msg {
  position:absolute;
  display:none;
  top:30%;
  left:50%;
}